<template>

  <div class="hold-transition layout-top-nav">
    <!--  <HelloWorld msg="Welcome to Your Vue.js App"/>-->
    <div class="wrapper">

      <!-- /.navbar -->
      <nav-bar-container></nav-bar-container>

      <!-- Main Sidebar Container -->
      <!-- <aside-container></aside-container> -->

   <!-- style="margin-left:0px" -->
      <div class="content-wrapper">
      <router-view></router-view>
      </div>
      <!-- Content Wrapper. Contains page content -->

<!--      <main-container/>-->
      <!-- /.content-wrapper -->

      <!-- Control Sidebar -->
      <!-- Control sidebar content goes here -->
      <!-- <aside class="control-sidebar control-sidebar-dark">
        
        <div class="p-3">
          <h5>Title</h5>
          <p>Sidebar content</p>
        </div>
      </aside> -->
      <!-- /.control-sidebar -->
      <!-- <footer-container></footer-container> -->

    </div>
  </div>


</template>

<script>
import NavBarContainer from "@/components/NavBarContainer";
//import AsideContainer from "@/components/AsideContainer";
//import FooterContainer from "@/components/FooterContainer";
//import MainContainer from "@/components/Tools/GenReq/MainContainer";


export default {
  name: "BaseContainer",
  components: {
    //MainContainer,
    NavBarContainer,
   // AsideContainer,
   // FooterContainer
  }
}
</script>

<style scoped>
</style>